<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物流程_大商创商城系统 B2B2C 多商户系统 多店铺商城系统 企业级电商系统</title>
    <link rel="shortcut icon" href="https://x.dscmall.cn/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="../css/beauty_css/public.css">
    <link rel="stylesheet" href="../css/beauty_css/shopping.css">
    <link rel="stylesheet" href="../css/public-header.css">
    <link rel="stylesheet" href="../css/public-footer.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="../js/shopData.js"></script>
    <script src="../js/shopping.js"></script>

</head>

<body>
    <!-- 预留的头部位置 -->
    <header>
        <div class="bx-hj">
            <ul class="header-left">
                <li style="width: 40%;"><span><i style="color: red; font-size: 14px;" class="bi bi-geo-alt"></i>
                        郑州市</span>
                    <div class="hd1"></div>
                </li>
                <li><a style="color: red;" href="./register.html">请登录</a></li>
                <li><a href="./login.html">免费注册</a></li>
            </ul>
            <ul class="header-right">
                <li>
                    <a href="">我的订单</a>
                </li>
                <li>
                    <a href="">我的浏览</a>
                </li>
                <li>
                    <a href="">我的收藏</a>
                </li>
                <li>
                    <a href="">客户服务</a>
                </li>
                <li style="width: 24%;">
                    <span>网站导航 <i class="bi bi-chevron-down"></i></span>
                    <div class="head2">
                        <ul>
                            <li>特色主题</li>
                            <li>
                                <a href="">家用电器</a>
                            </li>
                            <li>
                                <a href="">男装女装</a>
                            </li>
                            <li>
                                <a href="">鞋靴箱包</a>
                            </li>
                        </ul>
                        <ul>
                            <li>促销活动</li>
                            <li>
                                <a href="">拍卖活动</a>
                            </li>
                            <li>
                                <a href="">CMS频道</a>
                            </li>
                            <li>
                                <a href="">优惠券</a>
                            </li>
                        </ul>
                        <ul>
                            <li>&nbsp;</li>
                            <li>
                                <a href=""> 共创商品</a>
                            </li>
                            <li>
                                <a href="">优惠活动</a>
                            </li>
                            <li>
                                <a href="">礼品卡</a>
                            </li>
                        </ul>
                        <ul>
                            <li>&nbsp;</li>
                            <li>
                                <a href="">积分商城</a>
                            </li>
                            <li>
                                <a href="">超值礼包</a>
                            </li>
                            <li>
                                <a href="">预售商品</a>
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </header>

    <!-- 搜索 -->
    <div class="K_box">
        <div class="K_search w1200 m df">
            <div class="K_S-left df">
                <!-- 跳转到首页 -->
                <a href="../index.html">
                    <img src="../img/beautyImg/shop_logo.gif" alt="">
                </a>
                <p class="K_SL-txt fz20 ml-30 fc-7777">
                    <!-- 购物车个数信息 -->
                    购物车 (<span class="fc-red" id="shopp-nub" style="font-size: 20px;">0</span>)
                </p>
            </div>
            <div class="K_S-right df">
                <input type="text" placeholder="搜索商品">
                <a href="javascript:void(0)">
                    <i class="K_SR-i"></i>
                </a>
            </div>
        </div>
    </div>

    <!-- 主内容区 -->
    <main class="w1200 m">
        <div class="K_M-top">
            <div class="K_MT-left">
                <span class="fc-ffff bj-orange">1.我的购物车</span>
                <span class="fc-7777">2.填写订单信息</span>
                <span class="fc-7777">3.成功提交订单</span>
            </div>
        </div>
        <section class="cartMain w1200 m">
            <div class="cartMain_hd bj-white">
                <ul class="order_lists cartTop">
                    <li class="list_chk">
                        <!--所有商品全选-->
                        <input type="checkbox" id="all" class="whole_check">
                        <label for="all"></label>
                        全选
                    </li>
                    <li class="list_con">商品</li>
                    <li class="list_props"></li>
                    <li class="list_price">单价(元)</li>
                    <li class="list_amount">数量</li>
                    <li class="list_sum">小计</li>
                    <li class="list_op">操作</li>
                </ul>
            </div>
            <!-- js渲染数据区 -->
            <div class="cartMaxbox">

            </div>
            <!--底部-->
            <div class="bar-wrapper w1200 m">
                <div class="bar-right">
                    <div class="piece">已选商品<strong class="piece_num">0</strong>件</div>
                    <div class="totalMoney">共计: <strong class="total_text">0.00</strong></div>
                    <div class="calBtn"><a href="javascript:void(0)">结算</a></div>
                </div>
            </div>
        </section>
        <section class="model_bg"></section>
        <section class="my_model">
            <p class="title">删除宝贝<span class="closeModel">X</span></p>
            <p>您确认要删除该宝贝吗？</p>
            <div class="opBtn"><a href="javascript:void(0)" class="dialog-sure">确定</a><a href="javascript:void(0)"
                    class="dialog-close">关闭</a></div>
        </section>
    </main>
    <!-- 猜你喜欢 -->
    <div class="p-panel-main w1200 m">
        <div class="ftit mb-30">
            <h3>猜你喜欢</h3>
        </div>
        <div class="gl-list">
            <!-- 喜欢要渲染的数据的地方 -->
            <ul class="clearfix" id="xihuan">

            </ul>
        </div>
    </div>
    <!-- 预留底部位置 -->
    <footer>
        <div class="f-1">
            <ul class="f-2">
                <li>
                    <div class="jltf-1 jl1"></div>七天包换
                </li>
                <li>
                    <div class="jltf-1 jl2"></div>正品保障
                </li>
                <li>
                    <div class="jltf-1 jl3"></div>好评如潮
                </li>
                <li>
                    <div class="jltf-1 jl4"></div>闪电发货
                </li>
                <li>
                    <div class="jltf-1 jl5"></div>权威荣誉
                </li>
                <li style="font-size: 16px; color: black; font-weight: bold;">
                    <div class="jltf-1 jl6"></div>4001-021-758
                </li>
                <li style="font-size: 16px; color: black; font-weight: bold;">
                    <div class="jltf-1 jl7"></div>咨询客服
                </li>
            </ul>
        </div>
        <div class="f-n">
            <ul>
                <li>新手上路</li>
                <li>售后流程</li>
                <li>购物流程</li>
                <li>订购方式</li>
            </ul>
            <ul>
                <li>配送与支付</li>
                <li>货到付款区域</li>
                <li>配送支付智能查询</li>
                <li>支付方式说明</li>
            </ul>
            <ul>
                <li>服务保证</li>
                <li>退换货原则</li>
                <li>售后服务保证</li>
                <li>产品质量保证</li>
            </ul>
            <ul>
                <li>联系我们</li>
                <li>网站故障报告</li>
                <li>选机咨询</li>
                <li>投诉与建议</li>
            </ul>
            <ul>
                <li>会员中心</li>
                <li>资金管理</li>
                <li>我的收藏</li>
                <li>我的订单</li>
            </ul>
            <div class="erw1">
                <div class="wwww">
                    <img width="104px" height="104px" src="../img/public-img/er1.jpg" alt="">
                    <div class="ppp">关注微信</div>
                </div>
            </div>
            <div class="erw2">
                <div class="www">
                    <img width="104px" height="104px" src="../img/public-img/er2.jpg" alt="">
                    <div class="ppp">下载APP</div>
                </div>
            </div>
        </div>
        <div class="box-foot">
            <div class="box-foot1">
                <div class="box-foot2">
                    <p class="foot-text1">
                        <a href="">首页</a> <span>|</span>
                        <a href="">隐私保护</a> <span>|</span>
                        <a href="">联系我们</a> <span>|</span>
                        <a href="">免费条款</a> <span>|</span>
                        <a href="">公司简介</a> <span>|</span>
                        <a href="">商家入驻</a> <span>|</span>
                        <a href="">供应商入住</a> <span>|</span>
                        <a href="">意见反馈</a>
                    </p>
                    <p class="foot-text2">
                        <a href="">b2b2c</a> <span>|</span>
                        <a href="">多用户商城系统</a> <span>|</span>
                        <a href="">商城系统</a> <span>|</span>
                        <a href="">ecjia新零售</a>
                    </p>
                    <p class="foot-text3">
                        <span>ICP备案征书号:</span><a href="">沪ICP备14029880号-5</a>
                    </p>
                    <p>
                        <a href="">版权所有 © 2005-2021 大商创，并保留所有权利。POWERED BY DSCMALL</a>
                    </p>
                </div>
            </div>
        </div>
    </footer>

</body>

</html>